﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ProjectInputModels>" %>

<%@ Import Namespace="ChoViet.Lib.Helpers" %>
<%@ Import Namespace="ChoViet.Lib.Paging" %>
<%@ Import Namespace="ChoViet.Admin.ViewModels" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Xem chi tiết dự án
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%if (ViewData["MessageInfo"] == null)
      { %>

    <script type="text/javascript">
        $(function() {
            $("#projectTabs").tabs();
        });
    </script>

    <div class="projectEdit">
        <div id="projectTabs">
            <ul>
                <li><a href="#projectTabs-1">Thông tin dự án</a></li>
                <li><a href="#projectTabs-2" id="googleTabs">Google Map</a></li>
                <li><a href="#projectTabs-3">Ảnh phối cảnh</a></li>
                <li><a href="#projectTabs-4">Ảnh tiến độ</a></li>
                <li><a href="#projectTabs-5">Ảnh nhà mẫu</a></li>
                <li><a href="#projectTabs-6">Sơ đồ bản vẽ</a></li>
            </ul>
            <% using (Html.BeginForm("Edit", "Project", FormMethod.Post, new
                   {
                       id = "adminForm",
                       enctype = "multipart/form-data"
                   }))
               {%>
            <%= Html.ValidationSummary(true)%>
            <div id="projectTabs-1">
                <table class="admintable" width="100%">
                    <tbody>
                        <tr>
                            <td class="key">
                                Phân mục
                            </td>
                            <td>
                                <%=Model.Project.ProjectCategory.Name%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Trạng thái pháp lý
                            </td>
                            <td>
                                <%=Model.Project.ProjectLegalStatus.Name %>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Tên dự án
                            </td>
                            <td>
                                <%=Model.Project.Title%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">Địa chỉ</td>
                            <td><%=Model.Project.Address %></td>
                        </tr>
                        <tr>
                            <td class="key">
                                Tóm tắt
                            </td>
                            <td>
                                <%=Model.Project.Summary%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Mô tả
                            </td>
                            <td>
                                <%=Model.Project.ProjectContent%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">Danh sách tags</td>
                            <td>
                                <%foreach (var itemtag in Model.Tags)
                                  {
                                    if (Model.ListTagID.Contains(itemtag.ID)) {  %>
                                    <%=itemtag.Keyword%>,
                                <%}} %>
                            </td>
                        </tr>
                        <% if (Model.ListProjectCompanyMap != null)
                           {
                               foreach (var item in Model.ListProjectCompanyMap)
                               {
                        %>
                        <tr>
                            <td class="key">
                                <%= item.ProjectCompanyType.Name %>
                            </td>
                            <td>
                                <%= item.Company == null ? "--" : item.Company.Name%>
                            </td>
                        </tr>
                        <%}
                           }%>
                        <tr>
                            <td class="key">
                                Quy mô
                            </td>
                            <td>
                                <%=Model.Project.Scale%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Vốn đầu tư
                            </td>
                            <td>
                                <%=Model.Project.Investment%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Đơn vị vốn đầu tư
                            </td>
                            <td>
                                <%=Model.Project.InvestmentUnit%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Trạng thái hiển thị
                            </td>
                            <td>
                                <%= Html.RadioButton("Project.PubYN", true, Model.Project.PubYN)%>
                                Đăng tin
                                <%= Html.RadioButton("Project.PubYN", false, !Model.Project.PubYN)%>
                                Không đăng
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Tin HOT?
                            </td>
                            <td>
                                <%= Html.RadioButton("Project.HotYN", true, Model.Project.HotYN)%>
                                Tin hot
                                <%= Html.RadioButton("Project.HotYN", false, !Model.Project.HotYN)%>
                                Tin không hot
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Metadescription
                            </td>
                            <td>
                                <%=Model.Project.MetaDescription%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Metakeyword
                            </td>
                            <td>
                                <%=Model.Project.MetaKeyword%>
                            </td>
                        </tr>
                        <tr>
                            <td class="key">
                                Metatag
                            </td>
                            <td>
                                <%=Model.Project.MetaTag%>
                            </td>
                        </tr>
                    </tbody>
                </table>
                

                <script type="text/javascript">
                    $(document).ready(function() {
                        $("#adminForm").validate();
                    });

                    var fileIndex = 1;
                    var hash = { '.jpg': 1, '.png': 1, '.gif': 1, '.doc': 1, '.docx': 1, '.xls': 1, '.xlsx': 1, '.zip': 1, '.rar': 1, '.ppt': 1, '.pptx': 1, '.txt:': 1 };
                    function check_extension(filename, submitId) {
                        var re = /\..+$/;
                        var ext = filename.match(re).toString().toLowerCase();
                        var submitEl = document.getElementById(submitId);
                        if (hash[ext]) {
                            submitEl.disabled = false;
                            return true;
                        } else {
                        }
                    }
                    tinyMCE.init({
                        mode: "exact",
                        elements: "Project_ProjectContent",
                        theme: "advanced",
                        plugins: "spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,paste,imagemanager",
                        theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
                        theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,cleanup,help,code,|,insertdate,inserttime,preview",
                        theme_advanced_toolbar_location: "top",
                        theme_advanced_toolbar_align: "left",
                        theme_advanced_statusbar_location: "bottom",
                        paste_use_dialog: false,
                        paste_auto_cleanup_on_paste: true,
                        paste_convert_headers_to_strong: false,
                        paste_strip_class_attributes: "all",
                        paste_remove_spans: true,
                        paste_remove_styles: true
                    });
                </script>

            </div>
            <div id="projectTabs-2">
                <div id="maps" onunload="GUnload()">
                    <style type="text/css">
                        .map
                        {
                            width: 804px;
                            padding: 10px;
                            overflow: hidden;
                        }
                        .map img
                        {
                        }
                        .info
                        {
                            width: 804px;
                            overflow: hidden;
                        }
                        .infoL
                        {
                            float: left;
                            margin: 5px 0 0 0;
                            padding-top: 0px;
                        }
                        .infoL p
                        {
                            font: 12px Arial;
                            color: #0096db;
                            font-weight: bold;
                            margin-top: 0px;
                        }
                        .infoL .note
                        {
                            width: 483px;
                            padding: 7px;
                            height: 50px;
                            background-color: #e8e8e8;
                            overflow: hidden;
                            font: 12px Arial;
                            color: #000000;
                            font-weight: bold;
                            line-height: 16px;
                        }
                        .infoR
                        {
                            float: right;
                            margin: 20px 2px 0 0;
                        }
                        .button1
                        {
                            width: 63px;
                            height: 24px;
                            font: 12px Arial;
                            color: #000000;
                            font-weight: bold;
                            cursor: pointer;
                        }
                        .button2
                        {
                            width: 116px;
                            height: 24px;
                            font: 12px Arial;
                            color: #000000;
                            font-weight: bold;
                            cursor: pointer;
                        }
                    </style>

                    <script type="text/javascript">

                        $(document).ready(function() {
                            $("#googleTabs").click(function() {
                                initialize();
                                showAddress();
                            });
                        });
                    
                    </script>

                    <script src="http://maps.google.com/maps?file=api&amp;v=3&amp;sensor=true&amp;key=<%= Model.GoogleAPI %>"
                        type="text/javascript"></script>

                    <script type="text/javascript">
                        var map = null;
                        var geocoder = null;
                        var _latitube = 21.033;
                        var _longitube = 105.850;

                        function initialize() {
                            if (GBrowserIsCompatible()) {
                                map = new GMap2(document.getElementById("map_canvas"));
                                map.setCenter(new GLatLng(_latitube, _longitube), 15);
                                map.setUIToDefault();
                                geocoder = new GClientGeocoder();
                                var marker = new GMarker(new GLatLng(_latitube, _longitube), { draggable: true });

                                //Draggable marker
                                GEvent.addListener(marker, "dragstart", function() {
                                    map.closeInfoWindow();
                                });
                                GEvent.addListener(marker, "dragend", function() {

                                    marker.openInfoWindowHtml("aaaaa" + marker.getLatLng());
                                    document.getElementById("latitude").value = marker.getLatLng().lat();
                                    document.getElementById("longitude").value = marker.getLatLng().lng();
                                });
                                map.addOverlay(marker);
                            }
                        }

                        function showAddress() {
                            var lat, lng;
                            lat = 0; //window.opener.document.getElementById("latitude").value;
                            lng = 0; //window.opener.document.getElementById("longitude").value;
                            //alert(lat +"-----"+ lng);
                            if (lat == '' && lng == '' || lat == 0 && lng == 0) {
                                map.clearOverlays();
                                map.setCenter(new GLatLng(_latitube, _longitube), 15);
                                var marker = new GMarker(new GLatLng(_latitube, _longitube), { draggable: false });

                                document.getElementById("latitude").value = marker.getLatLng().lat();
                                document.getElementById("longitude").value = marker.getLatLng().lng();

                                //Draggable marker
                                GEvent.addListener(marker, "dragstart", function() {
                                    map.closeInfoWindow();
                                });
                                GEvent.addListener(marker, "dragend", function() {
                                    document.getElementById("latitude").value = marker.getLatLng().lat();
                                    document.getElementById("longitude").value = marker.getLatLng().lng();
                                    //alert("Start!");
                                    //                                    alert("Lat:{0}\nLang:{1}"
                                    //                                        .replace("{0}", document.getElementById("latitude").value)
                                    //                                        .replace("{1}", document.getElementById("longitude").value));
                                });
                                map.addOverlay(marker);
                            }
                            else {
                                map.clearOverlays();
                                map.setCenter(new GLatLng(lat, lng), 15);
                                var marker = new GMarker(new GLatLng(lat, lng), { draggable: true });

                                document.getElementById("latitude").value = marker.getLatLng().lat();
                                document.getElementById("longitude").value = marker.getLatLng().lng();

                                //Draggable marker
                                GEvent.addListener(marker, "dragstart", function() {
                                    map.closeInfoWindow();
                                });
                                GEvent.addListener(marker, "dragend", function() {

                                    //marker.openInfoWindowHtml("aaaaa"+ marker.getLatLng());
                                    document.getElementById("latitude").value = marker.getLatLng().lat();
                                    document.getElementById("longitude").value = marker.getLatLng().lng();
                                });
                                map.addOverlay(marker);
                            }
                        }
                        function LocationFinished() {
                            //window.opener.document.getElementById("latitude").value = document.getElementById("latitude").value;
                            alert(document.getElementById("latitude").value);
                            //window.opener.document.getElementById("longitude").value = document.getElementById("longitude").value;
                            document.getElementById("idHoanTat").style.display = "block";
                        }
                        function LocationFinishedClose() {
                            //                            window.opener.document.getElementById("latitude").value = document.getElementById("latitude").value;
                            //                            window.opener.document.getElementById("longitude").value = document.getElementById("longitude").value;
                            window.close();
                        }
                    </script>

                    <div class="map">
                        <div id="map_canvas" style="width: 100%; height: 400px; padding-bottom: 10px; position: relative;">
                        </div>
                        <input type="hidden" name="latitude" id="latitude" value="" />
                        <input type="hidden" name="longitude" id="longitude" value="" />
                        <div class="info">
                            <div class="infoL">
                                <p style="display: none" id="idHoanTat">
                                    <img src="../images/ico_map_check.gif" width="22" height="22" alt="" />&nbsp;Vị
                                    trí tài sản đã được cập nhật !</p>
                                <%--<div class="note">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="9%">
                                                <img src="../images/ico_map_help.gif" width="36" height="44" alt="" />
                                            </td>
                                            <td width="91%">
                                                Sử dụng con trỏ chuột di chuyển icon (<img src="../images/ico_map_point.gif" width="12"
                                                    height="16" alt="" />
                                                ) đến vị trí của tài sản trên bản đồ. Nhấn nút “Cập nhật vị trí” để cập nhật vị
                                                trí cho tài sản.
                                            </td>
                                        </tr>
                                    </table>
                                </div>--%>
                            </div>
                            <div class="infoR">
                                <%--<input type="button" name="cmdFinish" class="button2" id="cmdFinish" value="Cập nhật vị trí"
                                    onclick="LocationFinished();" />&nbsp;
                                <input type="button" name="cmdClose" class="button1" id="cmdClose" value="Đóng lại"
                                    onclick="LocationFinishedClose();" />--%>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <%}%>
            <div id="projectTabs-3">
                <% using (Html.BeginForm("AddImage", "Project", FormMethod.Post, new
                   {
                       id = "adminForm",
                       enctype = "multipart/form-data"
                   }))
                   {%>
                <%= Html.ValidationSummary(true)%>
                <ul>
                    <% if (Model.ListProjectImage != null && Model.ListProjectImage.Count() > 0)
                       {
                           foreach (var item in Model.ListProjectImage)
                           {
                               if (item.ImageTypeID == 1)
                               {
                    %>
                    <li style="display: inline;">
                        <img width="110" height="75" style="border: 1px solid #CCCCCC;" class="bor_img" alt=""
                            src="<%= Model.ImageRootUrl +"/" + item.ImageTypeID + "/" + item.ImagePath %>" />
                    </li>
                    <%}
                           }
                       }%>
                </ul>
                <%} %>
            </div>
            <div id="projectTabs-4">
                <% using (Html.BeginForm("AddImage", "Project", FormMethod.Post, new
                   {
                       id = "adminForm",
                       enctype = "multipart/form-data"
                   }))
                   {%>
                <%= Html.ValidationSummary(true)%>
                <ul>
                    <% if (Model.ListProjectImage != null && Model.ListProjectImage.Count() > 0)
                       {
                           foreach (var item in Model.ListProjectImage)
                           {
                               if (item.ImageTypeID == 2)
                               {
                    %>
                    <li style="display: inline;">
                        <img width="110" height="75" style="border: 1px solid #CCCCCC;" class="bor_img" alt=""
                            src="<%= Model.ImageRootUrl +"/" + item.ImageTypeID + "/" + item.ImagePath %>" />
                    </li>
                    <%}
                           }
                       }%>
                </ul>
                <%} %>
            </div>
            <div id="projectTabs-5">
                <% using (Html.BeginForm("AddImage", "Project", FormMethod.Post, new
                   {
                       id = "adminForm",
                       enctype = "multipart/form-data"
                   }))
                   {%>
                <%= Html.ValidationSummary(true)%>
                <ul>
                    <% if (Model.ListProjectImage != null && Model.ListProjectImage.Count() > 0)
                       {
                           foreach (var item in Model.ListProjectImage)
                           {
                               if (item.ImageTypeID == 3)
                               {
                    %>
                    <li style="display: inline;">
                        <img width="110" height="75" style="border: 1px solid #CCCCCC;" class="bor_img" alt=""
                            src="<%= Model.ImageRootUrl +"/" + item.ImageTypeID + "/" + item.ImagePath %>" />
                    </li>
                    <%}
                           }
                       }%>
                </ul>
                <%} %>
            </div>
            <div id="projectTabs-6">
                <% using (Html.BeginForm("AddImage", "Project", FormMethod.Post, new
                   {
                       id = "adminForm",
                       enctype = "multipart/form-data"
                   }))
                   {%>
                <%= Html.ValidationSummary(true)%>
                <ul>
                    <% if (Model.ListProjectImage != null && Model.ListProjectImage.Count() > 0)
                       {
                           foreach (var item in Model.ListProjectImage)
                           {
                               if (item.ImageTypeID == 4)
                               {
                    %>
                    <li style="display: inline;">
                        <img width="110" height="75" style="border: 1px solid #CCCCCC;" class="bor_img" alt=""
                            src="<%= Model.ImageRootUrl +"/" + item.ImageTypeID + "/" + item.ImagePath %>" />
                    </li>
                    <%}
                           }
                       }%>
                </ul>
                <%} %>
            </div>
        </div>
    </div>
    <%}%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Toolbar" runat="server">
    <td>
        <%= Html.Toolbar("Sửa", "/Project/Edit/" + Model.Project.ID, "edit")%>
    </td>
    <td>
        <%= Html.Toolbar("Xoá", "/Project/Delete/" + Model.Project.ID, "delete")%>
    </td>
    <td>
        <%= Html.Toolbar("Quay về", "/Project", "back")%>
    </td>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
    Xem chi tiết dự án
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
</asp:Content>
